// black 黑暗模式
.dark {
  --homeback: #212736;
  --background: #2a3041;
  --text: #f6ffff;
  --asideMenu: transparent;
  --asideBg: url('@/assets/images/sidebar.jpg');
  --asideText: #fff;
  --menu-shadow: #212736;
  // ------------------element样式  start---------------------
  --el-menu-text-color: #f6ffff;
  --el-menu-bg-color: transparent;
  --el-menu-hover-bg-color: #20242e;
  --el-fill-color-blank: transparent;
  --el-input-border-color: #4c4d4f;
  --el-bg-color-overlay: #212736;
  --el-border-color-light: #212736;
  --el-fill-color-light: #20242e;
  --el-text-color-regular: #f6ffff;
  --el-border-color-lighter: #3c3f44;
  --el-table-border-color: #212736;
  --el-bg-color: transparent;
  --el-bg-color: #2a3041;
  --el-text-color-primary: var(--text);
  --el-mask-color: var(--el-fill-color-light);
  --el-color-primary-light-9: var(--background);
  --el-color-primary-light-8: #20242e;
  --el-color-info: var(--text);
  .el-button--info {
    --el-button-bg-color: var(--el-menu-bg-color);
  }
  --el-fill-color: transparent;
  --el-color-info-light-9: #47a44b;
  .el-tag.el-tag--info {
    --el-tag-hover-color: #4caf50;
  }
  --el-fill-color: transparent;
  .el-date-range-picker {
    --el-datepicker-inrange-bg-color: #2b2b2c;
    --el-datepicker-inrange-hover-bg-color: var(--el-datepicker-inrange-bg-color);
  }
  --el-table-header:#212736;
  // ------------------element样式  end---------------------
}
